<template>
	<view class="body pt20 pl40 pr40">
		<view class="menu d-b-c tc">
			<view class="item d-c-c br14 flex-1 mr20" @click="setMenu(0)" :class="Mindex==0?'active':''"> F账户</view>
			<view class="item d-c-c br14 flex-1" @click="setMenu(1)" :class="Mindex==1?'active':''">一卡通</view>
		</view>
		<view class="bg-white p30 br14 d-s-s mt20 order">
			<view class="mr10">到账账户 <image src="@/static/image/card.png" mode="widthFix" class="ml10"></image>
			</view>
			<view class="d-f d-c">
				<view class="">6300900398003090751</view>
				<view class="gray9 f26">卡余额：0.00</view>
			</view>
		</view>
		<view class="bg-white p30 br14 mt20 order">
			<view class="mr10 gray6">充值金额</view>
			<view class="d-s-c f40 mt20">
				￥<input type="text" placeholder="请输入充值金额" />
			</view>
			<view class="d-b-c mt20 line pb20">
				<u-tag text="1000" borderColor="#FF7E11" color="#FF7E11" bgColor="transparent"></u-tag>
				<u-tag text="2000" borderColor="#FF7E11" color="#FF7E11" bgColor="transparent"></u-tag>
				<u-tag text="3000" borderColor="#FF7E11" color="#FF7E11" bgColor="transparent"></u-tag>
				<u-tag text="4000" borderColor="#FF7E11" color="#FF7E11" bgColor="transparent"></u-tag>
			</view>
			<view class="f26 d-s-c mt20 mb60">
				<view class="gray9">赠送</view>
				<view class="red mr20">￥0.00</view>
				<view class="gray9 ">到账</view>
				<view class="red">￥0.00</view>
			</view>
			<u-button text="确认充值" shape="circle" color="#165DFF"></u-button>
		</view>
		<u-popup :show="show" mode='center'>
			<view class="popup pt80 pt80">
				<view class="tc gray9">您还没有绑卡，请先去绑卡页面绑卡</view>
				<view class="d-b-c pl60 pr60 mt80">
					<view class="mr20 flex-1"><u-button text="否" color="#D9D9D9"></u-button></view>
					<view class="flex-1" @click="jump('/pages/index/card')"><u-button text="是"
							color="#165DFF"></u-button></view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Mindex: 0,
				show: true
			}
		},
		onLoad() {
			// uni.$u.toast('验证码已发送');
		},
		methods: {
			setMenu(e) {
				this.Mindex = e
			},
			jump(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.popup {
		width: 600rpx;
	}

	input {
		color: #F91717;
	}

	.order {
		image {
			width: 26rpx;
		}
	}

	.menu {
		.item {
			height: 90rpx;
			background-color: #D9D9D9;
			color: #979797;
		}

		.active {
			color: #fff;
			background-color: #489AFE;
		}
	}

	.body {
		background-color: #f4f4f4;
		min-height: 100vh;
	}
</style>